<template>
	<view>
		<!-- 物流报名管理 -->
		<view class="bg-white p-2">
			<view class="p-2 flex flex-column justify-between font-md" style="background-color: rgb(249,249,249);width: 2000rpx;">
				<view class="flex mb-3">
					<view class="flex align-center">
						<text>招标会:</text>
						<view class="ml-2 flex align-center px-2">
							<uni-data-select empty-text="暂无" placeholder="请选择招标会" v-model="Selectvalue"
								:localdata="range" @change="change"></uni-data-select>
						</view>
					</view>
					<view class="flex align-center mr-2">
						<text>报名公司:</text>
						<view class="ml-2 flex align-center px-2" style="border: 5rpx solid #ddd;border-radius: 10rpx;height: 60rpx;">
							<input type="text">
						</view>
					</view>
					<view class="flex align-center">
						<text>投标状态:</text>
						<view class="ml-2 flex align-center px-2">
							<uni-data-select empty-text="暂无" placeholder="请选择招标会" v-model="Selectvalue"
								:localdata="range" @change="change"></uni-data-select>
						</view>
					</view>
					<view class="flex">
						<view class="bg-white text-orange flex align-center justify-center px-4 mr-2" style="border-radius: 10rpx;border: 4rpx solid #fc7c08;">
							<text>重置</text>
						</view>
						<view class="text-white bg-orange flex align-center justify-center px-4" style="border-radius: 10rpx;">
							<text>查询</text>
						</view>
					</view>
				</view>
			    <view class="flex">
			    	<view class="flex align-center">
			    		<text>审核状态:</text>
			    		<view class="ml-2 flex align-center px-2">
			    			<uni-data-select empty-text="暂无" placeholder="请选择审核状态" v-model="Selectvalue"
			    				:localdata="range" @change="change"></uni-data-select>
			    		</view>
			    	</view>
			    	<view class="flex align-center">
			    		<text>提交时间:</text>
			    		<view class="ml-2" style="width: 500rpx;">
			    			<uni-datetime-picker v-model="datetimerange" type="datetimerange" rangeSeparator="至" />
			    		</view>
			    	</view>
			    </view>
			</view>
		    <!-- 表格 -->
		    <view class="mt-2 flex flex-column">
		    	<view class="w-100 flex font-md font-weight-bold"
		    		style="background-color: rgb(245,245,245);height: 80rpx;">
		    		<view class="text-center" style="width: 25%;line-height: 80rpx;">
		    			<text>联系信息</text>
		    		</view>
		    		<view class=" text-center" style="width: 25%;line-height: 80rpx;">
		    			<text>附件信息</text>
		    		</view>
		    		<view class=" text-center" style="width: 25%;line-height: 80rpx;">
		    			<text>状态</text>
		    		</view>
		    		<view class=" text-center" style="width: 25%;line-height: 80rpx;">
		    			<text>操作</text>
		    		</view>
		    	</view>
		    	<view v-if="false" style="height: 200rpx;" class="w-100 flex justify-center align-center">
		    		暂无数据
		    	</view>
		    	<view v-else class="flex font-sm" style="height: 150rpx;border-bottom:2rpx solid rgb(221,221,211);"
		    		v-for="(item,index) in 4" :key="index">
		    		<view class="flex align-center justify-center" style="width: 25%;line-height: 70rpx;">
		    			<view class="flex justify-center">
		    				<text>这是一条联系信息</text>
		    			</view>
		    		</view>
		    		<view class="flex align-center justify-center" style="width:25%;line-height: 70rpx;">
		    			<view class="flex justify-center">
		    				<text>这是一条附件消息</text>
		    			</view>
		    		</view>
		    		<view class="flex align-center justify-center" style="width: 25%;line-height: 70rpx;">
		    			<text>已完成</text>
		    		</view>
		    		<view class="flex align-center justify-center" style="width: 25%;line-height: 70rpx;">
						<button class="font-sm bg-success text-white flex justify-center align-center"
							style="white-space: nowrap; width: 100rpx;height: 100rpx;">查看</button>
						<button class="font-sm bg-danger text-white flex justify-center align-center"
							style="white-space: nowrap;width: 100rpx;height: 100rpx;">删除</button>
		    		</view>
		    	</view>
		    </view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"LogisticsRegistration",
		data() {
			return {
				datetimerange: [],
				Selectvalue: '',
				range: [{
						value: 0,
						text: "全部"
					},
					{
						value: 1,
						text: "待平台审核"
					},
					{
						value: 2,
						text: "待卖方审核"
					},
					{
						value: 3,
						text: "已开单"
					},
					{
						value: 4,
						text: "已驳回"
					},
				],
			};
		}
	}
</script>

<style lang="scss">

</style>